import React, { memo } from 'react';

import CJXPlayerInfo from './c-cpns/player-info';
import CJXPlayerComment from './c-cpns/player-comment';
import CJXPlayerSongs from './c-cpns/player-songs';
import CJXPlayerRelevant from './c-cpns/player-relevant';
import {
    PlayerWrapper,
    PlayerLeft,
    PlayerRight
} from './style';


export default memo(function CJXPlayer(props) {
    console.log(props.location);
    const { id } = props.location.state;

    return (
        <PlayerWrapper>
            <div className="content wrap-v2">
                <PlayerLeft>
                    <CJXPlayerInfo id={id} />
                    <CJXPlayerComment />
                </PlayerLeft>
                <PlayerRight>
                    <CJXPlayerSongs />
                    <CJXPlayerRelevant />
                </PlayerRight>
            </div>
        </PlayerWrapper>
    )
})
